﻿.modal{
width: 276px;
height: 250px;
padding: 10px;
}

.modal b{
font-size: 14px;
font-weight: bold;
padding-bottom: 20px;
}

.modal_submit{
font-weight: bold;
border: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
outline: 1px solid #c9c9c9;
margin: 0 10px 0 0;
padding: 0 4px 3px 4px;
cursor: pointer;
}
/* Master Reset Styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	color: #333;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;    
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,images {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
img{
border: none;
}
strong{
font-weight: bold;
}
input[type="submit"]{
cursor: pointer;
padding: 3px 7px;
}

/* End Master Reset Styles */

html, body{
width: 100%;
height: 100%;
}

a{
color: #00aeee;
}

body{
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #373737;
line-height: 16px;
margin: 0;
position: relative;
}

#login
{
width: 190px;
height: 160px;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 20px;
}

#login table tr td
{
padding: 5px;
font-size: 12px !important;
}

#mainContainer{
min-width: 960px;
width: 90%;
/*overflow: hidden;*/
margin: auto;
/*padding: 0 0 20px 0;*/
}

#lowerContainer{
min-width: 960px;
overflow: hidden;
background: url('../../Assets/images/grad_bg.png') repeat-x fixed;
padding: 0 0 50px 0;
min-height: 320px;
margin: auto;
}

#lowerContainerInner{
min-width: 960px;
width: 90%;
/*overflow: auto;*/
margin: auto;
padding: 20px 0 0 0;
border-top: 1px solid #d2d2d2;
position: relative;
}

#lowerContainerInner h2{
padding: 0 0 0 8px;
}

.lower_2Col_Left{
width: 470px;
height: 350px;
background: url('../../Assets/images/video_bg.png') no-repeat center 30px;
float: left;
position:relative;
}

.lower_2Col_Right{
width: 470px;
height: 350px;
background: url('../../Assets/images/video_bg.png') no-repeat center 30px;
float: right;
position: relative;
}

#main{ /*Added 8-14-11 to fix issue on account setup page with headers touching top grey border beneath nav, if it breaks anything else on the site remove this*/
overflow: hidden;
padding: 0 0 3px 0;
}

#footer{
padding: 10px 0;
clear: both;
}




#topBar{
width: 100%;
height: 120px;
position: relative;
}

#topBar .logout{
position: absolute; 
top: 90px;
right: 6px;
}

#topBar .logout a{
color: #545454;
font-weight: bold;
}

#logo{
width: 350px;
height: 100px;
background-repeat: no-repeat;
background-position: left;
margin-top: 15px;
float: left;
background-image: url('../../Assets/images/no_logo.png');
}

.logoImg{
width: 350px;
height: 100px;
}
/**/

#resellerLogo{
width: 350px;
height: 100px;
margin-top: 15px;
float: left;
}

#resellerLogo table{
width: 100%;
height: 100px;
}

#resellerLogo tr td{
vertical-align: middle;
}

#resellerLogo img{
max-width: 300px !important;
max-height: 80px !important;
}

.upperright{
overflow: hidden;
float: right;
}

#languageSelect{
height: 26px;
line-height: 26px;
-moz-border-radius: 0 0 7px 7px;
-webkit-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
background: #f7f7f7;
padding: 0 12px;
}

#languageSelect a{
color: #545454;
text-decoration: none;
}

#languageSelect a:hover{
text-decoration: underline;
}

#languageSelect a.select{
font-weight: bold;
color: #373737;
text-decoration: none;
}

#languageSelect p{
float: left;
font-size: 11px;
font-weight: bold;
margin: 6px 0 0 8px;
}

#languageSelect select{
width: 90px;
float: right;
margin: 4px 8px 0 0;
}

.search{
margin: 35px 0 0 0;
float: right;
}

.search input[type="text"]{
margin: 0 3px 0 0;
height: 16px;
}

.search input[type="text"], .search .btnSmall{
line-height: 18px !important;
}

#topNav{
width: 100%;
height: 40px;
background: #000;
position: relative;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}

#topNav ul{
margin: 0 5px 0 5px;
}

#topNav ul li{
display: block;
float: left;
padding: 8px 0px 8px 0px;
}

#topNav ul li a{
display: block;
/*padding: 6px 15px 6px 15px;*/
padding: 4px 15px 4px 15px;
border-right: 1px dotted #6f6f6f;
font-size: 14px;
font-weight: bold;
color: #fff;
text-decoration: none;
}

#topNav ul li a:hover{
color: #ccc;
}

#topNav ul li.select{
background: url('../../Assets/images/nav_select.png') no-repeat center top;
}

#topNav ul li.select a, #topNav ul li.select a:hover{

}

#topNav ul li.login{
float: right;
}

#topNav ul li.login a{
border: 0;
border-left: 1px dotted #6f6f6f;
}

#loginBox{
width: 160px;
height: 222px;
background: #323232 url('../../Assets/images/login_box_bg.png') repeat-x;
padding: 0 15px 0 15px;
color: #fff;
font-weight: bold;
display: none;
position: absolute;
right: 0;
-moz-border-radius: 2px 10px 2px 2px;
-webkit-border-radius: 2px 10px 2px 2px;
border-radius: 2px 10px 2px 2px;
z-index: 9999;
}

#loginBox h2{
font-size: 14px;
padding: 12px 0 4px 0;
}

#loginBox input[type="text"], #loginBox input[type="password"]{
background: #fff;
border: 0;
padding: 3px 0 3px 0;
margin: 0 0 8px 0;
width: 160px;
}

#loginBox input[type="text"], #loginBox input[type="password"]{
border: 0;
}

.loginLock{
width: 150px;
height: 46px;
}

.loginLock img{
float: left;
margin: 12px 5px 0 0;
}

.loginLock h2{
float: left;
}

p.loginBox{
display: block;
position: absolute;
bottom: 40px;
left: 15px;
font-weight: normal;
}

.loginHide{
position: absolute;
bottom: 0;
right: 0;
display: block;
padding: 5px 7px;
text-decoration: none;
}

.loginShow{
}

#subNav{
width: 100%;
height: 30px;
background: #404040;
margin: 0 0 15px 0;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}

#subNav ul{
margin: 0 5px 0 11px;
color: #fff;
}

#subNav ul li{
display: block;
float: left;
margin: 7px 0 0 0;
padding: 0 8px 0 8px;
border-right: 1px dotted #686868;
}

#subNav ul li a{
color: #fff;
font-weight: bold;
text-decoration: none;
}

#subNav ul li a:hover{
color: #ccc;
}

#subNav ul li.select a, #subNav ul li.select a:hover{
color: #00AEEE;
}

#subNav2{
min-width: 99%;
height: 34px;
background: url('../../Assets/images/subnav2_bg.png') repeat-x bottom;
border: 1px solid #d2d2d2;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
margin: 10px 0 0 0;
}

#subNav2 ul{
margin: 0 7px 0 7px;
}

#subNav2 ul li{
display: block;
float: left;
margin: 6px 0 0 0;
padding: 3px 14px 3px 14px;
background: url('../../Assets/images/subnav2_div.png') no-repeat right;
font-size: 13px;
}

#subNav2 ul li a{
color: #545454;
text-decoration: none;
}

#subNav2 ul li.select a, #subNav2 ul li.select a:hover{
font-weight: bold;
color: #00AEEE;
}

#subNav2 img
{
margin: 0 0 0 5px;
}

#body{
width: 100%;
overflow: hidden;
margin: 12px 0 0 0;
}

.bodyLeft{
width: 240px;
float: left;
overflow: hidden;
margin: 0 20px 0 0;
}

/* This is the old Styles before the layout was fluid (or strectched)
.bodyRight{
width: 700px;
float: right;
overflow: hidden;
padding: 10px 0 0 0;
}
*/
	
.bodyRight{
overflow: hidden;
padding: 10px 0 0 0;
}

.box{
width: 236px;
overflow: hidden;
background: #f1f1f1 url('../../Assets/images/box_bg.png') repeat-x;
border: 1px solid #dedede;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 0 0 20px 0;
}

.box h1{
display: block;
font-size: 16px;
font-weight: bold;
margin: 15px 16px 10px 15px;
padding: 0 0 5px 0;
border-bottom: 1px solid #dedede;
}

.box p{
margin: 0 16px 10px 16px;
font-size: 11px;
line-height: 15px;
color: #373737;
}

.box a.button, .box input[type="submit"]{
margin: 0 0 0 16px;
}

.box ul{
margin: 0 15px 0 15px;
}

.box li{
list-style-type: disc;
margin: 2px 0 4px 15px;
}

.box a{
color: #373737;
}

/******** button styles ********/

.button{
display: block;
background-image: url('../../Assets/images/button_overlay.png');
background-repeat: repeat-x;
background-position: bottom;
text-align: center;
text-decoration: none;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 0;
float: left;
margin: 0 5px 0 0;
color: #fff !important;
cursor: pointer;
}

.btnExtraSmall{
margin: 0 3px 5px 0;
padding: 2px 5px 0 5px;
font-size: 11px;
}

.btnSmall {
line-height: 18px;
max-width: 140px;
padding: 0 5px;
}

.btnLarge{
padding: 4px 7px;
font-size: 13px;
}

.default{
background-color: #00aeef;
}

.green{
background-color: #33e462;
}

.grey, .cancel{
/*background-color: #f7f7f7;*/
background-color: #ccc;
color: #e10000 !important;
}

/******** font styles ********/

h1{
font-size: 2em;
font-weight: bold;
color: #000;
line-height: 24px;
padding: 0 0 8px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #d9d9d9;
}

h1 strong{
font-weight: normal;
color: #656565;
}

h2{
font-size: 1.75em;
font-weight: bold;
}

h3{
font-size: 1.2em;
color: #545454;
float: left;
}

h3.register
{
margin: 20px 12px 0 0;
padding: 0 25px 0 0;
background: url('../../Assets/images/h3_arrow.png') no-repeat right;
}

h3.current
{
color: #00aeef;
font-weight: bold;
}

h4
{
font-size: 1.1em;
font-weight: bold;
padding: 0 0 5px 0;
margin: 0 0 12px 0;
border-bottom: 1px solid #cbcbcb;
}

h5, h6
{
font-size: 1em;
font-weight: bold;
padding: 0 0 5px 0;
margin: 0 0 12px 0;
}   

p{
color: #424242;
}

.red{
color: #E10000;
}


.bottomDivider
{
border-top: 1px solid #d8d8d8;
height: 20px;
clear: both;
}

.editor-field input[type="text"], .editor-field input[type="password"]{
width: 200px;
margin: 0 0 8px 0;
padding: 2px 0 2px 0;
border: 1px solid #a7a7a7;
}

input[type="text"], input[type="password"]{
border: 1px solid #a7a7a7;
padding: 2px;
}

.themeBox
{
width: 570px;
height: 110px;
background: #f0f0f0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0 0 10px 0;
padding: 15px;
}

.themeLogoBox
{
width: 99%;
height: 110px;
border: 1px solid #a7a7a7;
}

.ColorPickers input[type="text"] {
border: 1px solid black;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}



table#activity{
width: 100%;
background: #f7f7f7;
}

#activity tr.title td{
border-bottom: 1px solid #545454;
}

#activity tr.odd td{
background: #e9e9e9;
}

#activity tr td{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 4px;
}

#searchResults 
{
	border:2px solid #000;
	margin-left:10px;
	margin-top:20px;
}








/********** Management Tables (Trucking, Tailer, Components) ************/

#mgmtLeft{
width:  160px;
height: 500px;
border: 0px solid #000;
float: left;
}

#mgmtRight{
width: 796px;
height: 500px;
border: 1px solid #ccc;
float: left;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: -1px 0 0 0;
white-space: nowrap;
overflow: auto;
}

.mgmtTable{

}

.mgmtTable tr td{
border-bottom: 1px solid #ccc;
padding: 8px 0 8px 8px;
}

.mgmtTable tr td.top{
padding-top: 15px;
}

.mgmtTable tr td.image{
height: 100px;
}

.rows{
width: 160px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
margin: 0 0 0 -1px;
float: left;
}

#tableMgmt{
margin: 0 0 15px 0;
width: 100%;
/*min-width: 960px;*/
}

#tableMgmt tr td{
border: 1px solid #e5e5e5;
padding: 8px;
}

#tableMgmt tr td h2{
font-size: 13px;
font-weight: bold;
padding: 0;
}

#tableMgmt tr td.actions{
width: 200px;
}

#tableMgmt tr td.tdFixed{
position: absolute;
background: #fff;
}

#tableMgmt tr td input[type="text"]{
float: left;
width: 200px;
margin: 0 3px 0 0;
}

#tableMgmt tr td p.quantity{
float: left;
margin: 3px 4px 0 0;
}

#tableMgmt tr td input.quantity{
width: 20px;
margin: 0 20px 0 0;
}

#tableMgmt tr td select{
width: 160px;
/*height: 20px; Robert Removed because of TruckingSystem/IndexList not showing List Box of Components*/
border: 1px solid #a7a7a7;
float: left;
margin: 0 3px 0 0;
}

#tableMgmt tr td textarea{
width: 204px;
height: 75px;
border: 1px solid #a7a7a7;
}

#tableMgmt tr td.td160{
width: 160px;
}

#tableMgmt p.compList{
width: 150px;
margin: 0 10px 0 0;
float: left;
}

#tableMgmt tr.title td{
border-bottom: 1px solid #545454;
}



#tableMgmt tr th {
	border: 1px solid #E5E5E5;
	padding: 8px;
}

#tableMgmt tr th h2{
	padding: 0;
}

#tableMgmt table tr td {
border-bottom: 1px !important;
}

#tableMgmt table table tr td{
border: 0px !important;
}

/* Table Management Order Details */
#tableMgmt_OrderDetails{
margin: 0 0 15px 0;
width: 100%;
min-width: 960px;
}

#tableMgmt_OrderDetails tr td{
border: 1px solid #e5e5e5;
padding: 8px;
}

#tableMgmt_OrderDetails tr td h2{
font-size: 13px;
font-weight: bold;
padding: 0;
}

#tableMgmt_OrderDetails tr td.actions{
width: 200px;
}

#tableMgmt_OrderDetails tr td.tdFixed{
position: absolute;
background: #fff;
}

#tableMgmt_OrderDetails tr td input[type="text"]{
float: left;
width: 200px;
margin: 0 3px 0 0;
}

#tableMgmt_OrderDetails tr td p.quantity{
float: left;
margin: 3px 4px 0 0;
}

#tableMgmt_OrderDetails tr td input.quantity{
width: 20px;
margin: 0 20px 0 0;
}

#tableMgmt_OrderDetails tr td select{
width: 160px;
/*height: 20px; Robert Removed because of TruckingSystem/IndexList not showing List Box of Components*/
border: 1px solid #a7a7a7;
float: left;
margin: 0 3px 0 0;
}

#tableMgmt_OrderDetails tr td textarea{
width: 204px;
height: 75px;
border: 1px solid #a7a7a7;
}

#tableMgmt_OrderDetails tr td.td160{
width: 160px;
}

#tableMgmt_OrderDetails p.compList{
width: 150px;
margin: 0 10px 0 0;
float: left;
}

#tableMgmt_OrderDetails tr.title td{
border-bottom: 1px solid #545454;
}



#tableMgmt_OrderDetails tr th {
	border: 1px solid #E5E5E5;
	padding: 8px;
}

#tableMgmt_OrderDetails tr th h2{
	padding: 0;
}

#tableMgmt_OrderDetails table tr td {
border-bottom: 1px !important;
}

#tableMgmt_OrderDetails table table tr td{
border: 0px !important;
}
/* End Table Management Order Details */


table#tableComp
{
width: 99%;
margin: 6px 0;
}

#tableComp tr td.first
{
width: 200px;
}

#tableComp tr td
{
border: 1px solid #e5e5e5;
}


.modalAdd
{
padding:0; 
background:#fff;  
-moz-border-radius: 4px;
}

#colorbox
{
	width: 850px !important;
}

#colorbox h2
{
	margin: 6px 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
}

#colorbox table
{
	margin: 0 0 0 0;
}

#colorbox table tr td
{
	padding: 5px;
}

#colorbox table tr td table
{
	margin: 0 !important;
}

#colorbox table tr td table tr td
{
	border: 1px solid #ccc;
}


#prodSelectContainer, #prodSelectContainer2{
	width: 96%;
	background: #f7f7f7;
	position: relative;
	overflow: hidden;
	margin: auto;
	-moz-border-radius: 3px;
	padding: 0 10px;
}

.bg1{
		background: #fff url('../../Assets/images/cartbg1.jpg') no-repeat center !important;
	}
	
	.bg2{
		background: #fff url('../../Assets/images/cartbg2.jpg') no-repeat center !important;
	}
	
	.bg3{
		background: #fff url('../../Assets/images/cartbg3.jpg') no-repeat center !important;
	}
	
	.bg4{
		background: #fff url('../../Assets/images/cartbg4.jpg') no-repeat center !important;
	}
	
	.bg5{
		background: #fff url('../../Assets/images/cartbg5.jpg') no-repeat center !important;
	}

	#prodSelectContainer .breadCrumbs, #prodSelectContainer2 .breadCrumbs{
		background: #fff;
		font-size: 15px;
		line-height: 24px;
		border: 1px solid #c9c9c9;
		float: left;
		font-weight: bold;
		padding: 2px 8px;
		margin: 12px 25px 8px 32px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

#prodSelectContainer #prodSelectInner, #prodSelectContainer2 #prodSelectInner2{
	width: 97%;
	height: 350px;
	/*background: #fff;*/
	margin: 15px auto;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0 5px 0 0;
	position: relative;
}

#prodSelectContainer2 #prodSelectInner2{
	width: 540px;
}

	#prodSelectContainer #prodSelectInner .inner, #prodSelectContainer2 #prodSelectInner2 .inner{
		width: auto;
		overflow: hidden;
	}

	/* Old transparent one without strong border
	#prodSelectContainer #prodSelectInner .item, #prodSelectContainer2 #prodSelectInner2 .item{
		width: 170px;
		height: 400px;
		margin: 5px 0 0 15px;
		float: left;
		background: url('../Assets/images/itembg.png');
		border: 1px solid #c8c8c8;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		display: inline;
		text-align: center;
	}
	*/
	
	#prodSelectContainer #prodSelectInner .item, #prodSelectContainer2 #prodSelectInner2 .item{
		width: 170px;
		height: 320px;
		margin: 5px 0 0 15px;
		overflow: hidden;
		float: left;
		background: #fff;
		border: 1px solid #545454;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		display: inline;
		text-align: center;
		-moz-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.25);
		box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.25);
	}
	
		#prodSelectContainer #prodSelectInner .item:hover, #prodSelectContainer2 #prodSelectInner2 .item:hover
		{
			background: #fff;
			border: 1px solid #000;
			-moz-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.25);
			-webkit-box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.25);
			box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.25);
		}
		
		.item table{
			width: 100%;
			height: 100%;
		}
		
		.item table tr td{
			vertical-align: middle;
		}
	
		#prodSelectContainer #prodSelectInner .item h1, #prodSelectContainer2 #prodSelectInner2 .item h1{
			font-size: 15px;
			font-weight: normal;
			padding: 0 10px 0 10px;
			/*margin: -5px 0 0 0;*/
			display: block;
			text-align: center;
			border: none;
			background: url('../../Assets/images/item-title-bg.png') repeat-x bottom;
			border-bottom: 1px solid #545454;
		}
		
		#prodSelectContainer #prodSelectInner .item input[type="button"], #prodSelectContainer2 #prodSelectInner2 .item input[type="button"]{
			width: 100px;
			margin: auto;
			float: none;
		}
		
		a.leftArrow, a.rightArrow{
			background: url('../../Assets/images/arrows.png') no-repeat;
			display: block;
			width: 40px;
			height: 100%;
			position: absolute;
			top: 0;
			cursor: pointer;
		}
		
		a.leftArrow{
			background-position: 0 center;
			left: 0px;
		}
		
			a.leftArrow:hover{
				background-position: -40px center;
			}
		
		a.rightArrow{
			background-position: -120px center;
			right: 0px;
		}
		
			a.rightArrow:hover{
				background-position: -80px center;
			}
			
		
		.singleProduct{
			width: 97%;
			height: 400px;
			border-top: 1px solid #c8c8c8;
			margin: 10px auto;
		}
		
		.productImg{
			width: 300px;
			height: 280px;
			overflow: hidden;
			border: 1px solid black;
			margin: 10px 15px 0 0;
			position: relative;
			float: left;
		}
		
			.productImg img{
				width: 100%;
				height: 100%;
			}
			
			.productImg a{
				display: block;
				padding: 5px 10px;
				position: absolute;
				bottom: 0;
				left: 0;
				background: #f7f7f7;
				border-top: 1px solid #545454;
				border-right: 1px solid #545454;
				font-weight: bold;
			}
			
		.productInfo{
			margin: 10px 0 0 0;
		}
			
			.productInfo table{
				margin: 0 0 20px 0;
				min-width: 320px;
			}
		
			.productInfo table tr td{
				border-bottom: 1px solid #c9c9c9;
				height: 18px;
				padding: 7px 8px;
			}
			
			.productInfo h2{
				padding: 0 !important;
			}
			
	#prodSelectContainer .paging, #prodSelectContainer2 .paging{
		background: #fff;
		font-size: 15px;
		line-height: 24px;
		border: 1px solid #c9c9c9;
		float: right;
		font-weight: bold;
		padding: 1px 8px;
		margin: -15px 15px 15px 0;
		border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

/*
#prodSelectCart{
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 270px;
	height: 380px;
	margin-top: -190px;
	margin-left: -135px;
	background: #f2f2f2;
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#f2f2f2')";
	background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#f2f2f2));
	background: -moz-linear-gradient(top,  #e1e1e1,  #f2f2f2);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	border: 1px solid #868686;
	-moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, .5);
	display: none;
}
*/

	#prodSelectCart .show{
		display: block;
	}

	#prodSelectCart h2{
		margin: 0 0 12px 0;
		padding: 6px 0;
		border-bottom: 1px solid #868686;
	}
	
	#prodSelectCart a.close{
		display: block;
		background: red;
		padding: 3px 3px 3px 4px;
		position: absolute;
		top: 0;
		right: 0;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}
	
	#prodSelectCart .inner{
		/*width: 98%;*/
		max-height: 200px;
		background: #fff;
		border: 1px solid #999;
		overflow: auto;
		padding: 0 2px;
		margin: 0 auto 15px auto;
	}

	#prodSelectCart .inner ul li{
		display: block;
		background: #f7f7f7;
		padding: 7px;
		margin: 2px 0;
	}
	
		#prodSelectCart .inner ul li input[type="text"]{
			width: 20px;
			float: right;
			margin: -3px 0 0 0;
		}
	
		#prodSelectCart .inner ul li .remove{
			display: block;
			background: #c9c9c9;
			padding: 3px;
			float: left;
			margin: -3px 6px 0 -3px;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
		}
		
			#prodSelectCart .inner ul li .remove:hover{
				background: red;
			}


	
.item ul{
	width: 90%;
	height: 200px;
	overflow: auto;
	margin: 10px auto;
	border: 1px solid #ccc;
}


#SpareParts{ 
	width: 220px; 
}

#blackout
{
	background:#000;
}

.btnCenter
{
	float:none;
	margin:auto;
	width:100px;
}


/* Uploadify */
#custom-demo .uploadifyQueueItem {
	background-color: #FFFFFF;
	border: none;
	border-bottom: 1px solid #E5E5E5;
	font: 11px Verdana, Geneva, sans-serif;
	height: 50px;
	margin-top: 0;
	padding: 10px;
	width: 350px;
}

#custom-demo .uploadifyError {
	background-color: #FDE5DD !important;
	border: none !important;
	border-bottom: 1px solid #FBCBBC !important;
}

#custom-demo .uploadifyQueueItem .cancel {
	float: right;
}

#custom-demo .uploadifyQueue .completed {
	color: #C5C5C5;
}

#custom-demo .uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}

#custom-demo .uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}

#custom-demo #custom-queue {
	border: 1px solid #E5E5E5;
	height: 213px;
	margin-bottom: 10px;
	width: 370px;
}	
/* END Uploadify */


#a_shoppingcart {
	background: url("../../Assets/images/cart-icon.png") no-repeat scroll 6px center transparent;
	margin: 0 0 0 5px;
	padding: 4px 15px 4px 28px !important;
}



textarea.quoteMessage{
width: 513px; height: 150px;
font-family: arial;
font-size: 12px;
padding: 0px;
}

.sparePartMgmt{
width: 100%;
}

.sparePartMgmt tr td{
width: 33.3%;
padding: 15px;
vertical-align: top;
}

.sparePartMgmt .title{
display: block;
height: 22px;
line-height: 22px;
background: #f7f7f7 url('../../Assets/images/subnav2_bg.png') repeat-x;
border: 1px solid #ccc;
border-bottom: 0;
font-weight: bold;
padding: 0 8px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}

.sparePartMgmt .title label{
padding: 0 !important;
}

.sparePartMgmt select{
width: 170px;
}

.sparePartMgmt label{
display: inline-block;
font-weight: bold;
padding: 8px 0 5px 0;
}

#Components, #SpareParts{
width: 100%;
height: 275px;
}

.padding{
background: #fff;
height: 310px;
padding: 10px;
border: 1px solid #ccc;
overflow-y: auto;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

.sparePartMgmt p.hr{
margin: 6px 0;
}



#fiveImages{
width: auto;
overflow: hidden;
}

#fiveImages table{
width: 100%;
}


#fiveImages table tr td{
width: 20%;
text-align: center;
}

#fiveImages table tr td img{
width: 90% !important;
max-width: 160px;
height: 120px;
margin: 0;
}

#fiveImages table tr td h4{
border: 0 !important;
}


.jPicker .Icon {
	height: 24px !important;
	left: 2px !important;
	top: -4px !important;

}



#activity_length {
	float: left;
	width: 300px;
}

#activity_filter {
	float: right;
}

table#activity {
	background: none repeat scroll 0 0 #F7F7F7;
	clear: both;
	width: 100%;
	margin: 0 0 5px;
}

table#activity tr.title{
height: 25px;
}


.feedback{
width: 100%;
}

.feedback tr td.title{
height: 30px;
line-height: 30px;
vertical-align: middle;
font-size: 13px;
font-weight: bold;
background: #f8f8f8 url("../../Assets/images/button_overlay.png") repeat-x bottom;
border-bottom: 1px solid #545454;
padding: 0 8px 0 8px;
}

.feedback tr td{
text-align: left;
padding: 8px 8px 0 8px;
}

.feedback tr td textarea{
width: 99%;
height: 135px;
}

#a_closeFeedback, #a_closeDetails, .close{
color: #CC0000;
float: right;
line-height: 30px;
margin: 0 8px 0 0;
}


.feedback tr td input[type="submit"], #btn_sendFeedback{
float: right !important;
margin: 0 !important;
}

.searchResultItem{
width: 260px;
height: 160px;
background: #fff;
border: 1px solid #ccc; 
margin: 15px;
float: left;
margin: 15px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
overflow: hidden;
}

.searchResultItem table{
width: 100%;
/*height: 100%;*/
}

.searchResultItem table tr td{
border: 0px solid black;
padding: 0 0 0 8px;
}

.searchResultItem table tr td.title{
background: #f7f7f7;
border-bottom: 1px solid #ccc;
/*height: 24px;
line-height: 24px;*/
font-weight: bold;
padding: 5px 8px;
}

.searchResultItem table tr td.img{
text-align: center;
padding: 8px 0 0 8px;
width: 125px;
height: 75px;
}

.searchResultItem table tr td.img div{
background: url('../../Assets/images/components/productNotAvailable2.jpg') bottom right;
overflow: hidden;
}

.searchResultItem table tr td.img img{
float: left;
}

.searchResultItem table tr td .button{
float: right !important;
margin: 5px;
}

.searchResultItem .controls{
position: absolute;
bottom: 0;
width: 100%;
height: 35px;
}

#td_img .img{
overflow: hidden;
background: url('../../Assets/images/components/productNotAvailable3.jpg');
width: 300px;
height: 300px;
}


#a_pdf{
text-align: right;
}

td.hr{
padding: 0;
}

p.hr{
border-bottom: 1px solid #ccc;
width: 100%;
margin: auto;
}

/*
.blockUI{
-moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);
box-shadow: 0 0 3px 3px rgba(0, 0, 0, .2);
}
*/

.blockOverlay{
background: #fff !important;
}


.threeRowModal{
width: 100%;
}

.threeRowModal tr td{
width: 33%;
border: 1px solid #ccc;
text-align: left;
vertical-align: top;
padding: 8px;
}

.overflow{
max-height: 310px;
overflow-y: auto;
}




.dataTables_filter, .dataTables_length{
margin: 0 0 10px 0 !important;
}

.blockUI{
border: 1px solid #868686 !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}


#main h3, #main h2{
padding: 0 0 5px 0;
}

.importicons{
margin: 0 0 15px 0;
}

.importicons tr td{
padding: 12px;
margin: 5px;
border: 1px solid #ccc;
}

.importicons tr td img{
margin: 7px 0 0 0;
}

.importicons a{
text-decoration: none;
}



#listComponents, #listComponents{
height: 200px;
}

#topNav ul li.select a, #topNav ul li.select a:hover{
color: #00aeef;
}


/* ordered list */
ol.round {
list-style-type: none;
padding-left: 0;
}

ol.round li {
margin: 25px 0;
padding-left: 45px;
}

ol.round li.zero {
    background: url("../Assets/images/orderedList0.png") no-repeat;
}

ol.round li.one {
    background: url("../Assets/images/orderedList1.png") no-repeat;
}

ol.round li.two {
    background: url("../Assets/images/orderedList2.png") no-repeat;
}

ol.round li.three {
    background: url("../Assets/images/orderedList3.png") no-repeat;
}

ol.round li.four {
    background: url("../Assets/images/orderedList4.png") no-repeat;
}

ol.round li.five {
    background: url("../Assets/images/orderedList5.png") no-repeat;
}

ol.round li.six {
    background: url("../Assets/images/orderedList6.png") no-repeat;
}

ol.round li.seven {
    background: url("../Assets/images/orderedList7.png") no-repeat;
}

ol.round li.eight {
    background: url("../Assets/images/orderedList8.png") no-repeat;
}

ol.round li.nine {
    background: url("../Assets/images/orderedList9.png") no-repeat;
}

.content-wrapper {
padding-right: 10px;
padding-left: 10px;
}

.featured .content-wrapper {
padding: 10px;
}